<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/media-100.css"/>
		<script src="js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/three.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			body {
				background: #13152a;
				font-size: 14px;
			}
			.con3{
				margin-top: 0.3rem;
				background: #1a1e37;
			}
			.con3 ul{
				padding: 0.25rem 0;
				display: -webkit-flex; /* Safari */
			  	display: flex;
			  	flex-direction:row;
			  	flex-wrap:wrap;
			  	justify-content:space-between;
			  	border-bottom: 2px solid #484c62;
			}
			.con3 ul ul{
				width: 100%;
				padding: 0.25rem 0 0;
				display: -webkit-flex; /* Safari */
			  	display: flex;
			  	flex-direction:row;
			  	flex-wrap:wrap;
			  	justify-content:space-between;
			  	border-bottom: none;
			}
			.con3 ul ul.third li{
				width: 33.3%;
			}
			.con3 li{
				float: left;
				color: #fff;
				text-align: center;
				width: 23%;
			}
			.con3 li.last{
				width: 8%;
			}
			.con3 li span{
				font-size: 0.24rem;
			}
			.con3 li p{
				font-size: 0.28rem;
				margin-top: 0.15rem;
			}
			.con3 li img{
				width: 0.24rem;
			}
			.hidden{
				display: none;
			}
			.title{
				text-align: center;
				font-size: 0.36rem;
				color: #566bfe;
				margin-top: 0.25rem;
			}
		</style>
	</head>

	<body>
		<div id="chart" style="width: 100%;height: 6.5rem"></div>
		<h1 class="title">当日放款</h1>
		<div class="con3 dataBody">
		</div>
		
		<script type="text/template" class="dataTpl dataTpl1 dataTpl2 dataTpl3">
			{@each datas as it, index}
			<ul>
				<li>
					<span>客户</span>
					<p>${it.enterpriseName}</p>
				</li>
				<li>
					<span>授信额度</span>
					<p>>${formatCurrency((it.creditLine/10000).toFixed(2))}</p>
				</li>
				<li>
					<span>可用额度</span>
					<p>${formatCurrency((it.creditLineRemain/10000).toFixed(2))}</p>
				</li>
				<li>
					<span></span>
					<p></p>
				</li>
				<li class="last">
					<img src="img/up.png" />
				</li>
				<div class="hidden">
					<ul>
						<li>
							<span>贷款累计发放</span>
							<p>>${formatCurrency((it.payment/10000).toFixed(2))}</p>
						</li>
						<li>
							<span>累计还款</span>
							<p>${formatCurrency((it.receive/10000).toFixed(2))}</p>
						</li>
						<li>
							<span>利息</span>
							<p>${formatCurrency((it.interest/10000).toFixed(2))}</p>
						</li>
						<li>
							<span>额度有效期</span>
							<p>${it.effectiveDays}</p>
						</li>
						<li class="last">
						</li>
					</ul>
					<ul class="third">
						<li>
							<span>起始时间</span>
							<p>${(it.startDate).substr(0, 10)}</p>
						</li>
						<li>
							<span>截止时间</span>
							<p>${(it.endDate).substr(0, 10)}</p>
						</li>
						<li>
							<span></span>
							<p></p>
						</li>
					</ul>
				</div>
			</ul>
			</ul>
			{@/each}
		</script>
		
	</body>
	
	<script src="../../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../../js/bord/config.js"></script>
	<script type="text/javascript" src="../../../../js/juicer-min.js"></script>
	<script type="text/javascript">
		seajs.use('./receivePaymentDetail', function(receivePaymentDetail) {
			receivePaymentDetail.init();
		});
	</script>

</html>